<%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
<!--#include file="connections/connect.asp" -->
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Shoes Shop</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<!--[if ie]><meta content='IE=8' http-equiv='X-UA-Compatible'/><![endif]-->
		<!-- bootstrap -->
		<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">      
		<link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet">
		
		<link href="themes/css/bootstrappage.css" rel="stylesheet"/>
		
		<!-- global styles -->
		<link href="themes/css/flexslider.css" rel="stylesheet"/>
		<link href="themes/css/main.css" rel="stylesheet"/>

		<!-- scripts -->
		<script src="themes/js/jquery-1.7.2.min.js"></script>
		<script src="bootstrap/js/bootstrap.min.js"></script>				
		<script src="themes/js/superfish.js"></script>	
		<script src="themes/js/jquery.scrolltotop.js"></script>
		<!--[if lt IE 9]>			
			<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
			<script src="js/respond.min.js"></script>
		<![endif]-->
	</head>
    <body>		
		<div id="top-bar" class="container">
			<div class="row">
				<div class="span4">
					<form method="POST" class="search_form">
						<input type="text" class="input-block-level search-query" Placeholder="eg. Nike">
					</form>
				</div>
				<div class="span8">              
					<div class="account pull-right">
						<ul class="user-menu">
                          <%
				var user =Session("user")
				if (user == null)
				{
				%>			
                			<li><a href="register.asp">Register</a></li>	
                			<li><a href="login.asp">Login</a></li>	
								
                            <%
				}
				else
				{					
					var sql1="select * from Customer where CustomerID='"+user+"'"
					var getid=conn.Execute(sql1)
							
							%>											
							<li><a href="user_profile.asp?CustomerID=<%=getid('CustomerID')%>">Profile's <%=getid('CustomerID')%></a></li>
                            <li><a href="history.asp">Your Order</a></li>
                            <li><a href="message.asp">Message</a></li>
                            <li><a href="logout.asp">Logout</a></li>
                            <%
				}
							%>	
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div id="wrapper" class="container">
			<section class="navbar main-menu">
				<div class="navbar-inner main-menu">				
					<a href="index.asp" class="logo pull-left"><img src="themes/images/logo.png" class="site_logo" alt=""></a>
					<nav id="menu" class="pull-right">
						<ul>
                        	<%
						var sql ="select * from Category"
						var cat=conn.Execute(sql)
						while(!cat.EOF)
						{
					%>
						<li>  <a href="products.asp?categoryid=<%=cat("CategoryID")%>"> <%=cat("CategoryName")%> </a> </li>
					<%
						cat.Movenext()
						}
					%>                            																												
							<li><a href="topseller.asp">Top Seller</a></li>
						</ul>
					</nav>
				</div>
			</section>
			<section  class="homepage-slider" id="home-slider">
				<div class="flexslider">
					<ul class="slides">
						<li>
							<img src="themes/images/carousel/banner-1.jpg" alt="" />
						</li>
						<li>
							<img src="themes/images/carousel/banner-2.jpg" alt="" />
							<div class="intro">
								<h1>Mid season sale</h1>
								<p><span>Up to 50% Off</span></p>
								<p><span>On selected items online and in stores</span></p>
							</div>
						</li>
					</ul>
				</div>			
			</section>
			<section class="header_text">
				Shoes, Inc. is an multinational corporation that is engaged in the design, development, manufacturing and worldwide marketing and selling of footwear, apparel, equipment, accessories and services. 
			</section>
			<section class="main-content">
				<div class="row">
					<div class="span12">													
						<div class="row">
							<div class="span12">
								<h4 class="title">
									<span class="pull-left"><span class="text"><span class="line">NEW <strong>Products</strong></span></span></span>
									<span class="pull-right">
										<a class="left button" href="#myCarousel" data-slide="prev"></a><a class="right button" href="#myCarousel" data-slide="next"></a>
									</span>
								</h4>
								<div id="myCarousel" class="myCarousel carousel slide">
									<div class="carousel-inner">
										<div class="active item">
											<ul class="thumbnails">																								
												  <%											
											var sql ="Select Top 4 * From Product Order By ProductID Desc"
											var list=conn.Execute(sql)
											while (!list.EOF)
											{	
											%>
                                                <li class="span3">
												  <div class="product-box">
														<span class="sale_tag"></span>
														<p><a href="product_detail.asp?prodID=<%=list("ProductID")%>"><img src="Upload/ImageProd/<%=list("Image")%>" alt="" /></a></p>
														<a href="product_detail.asp?prodID=<%=list("ProductID")%>" class="title"><%=list("ProductName")%></a><br/>												
														<p class="price">$<%=list("Price")%></p>
												  </div>
												</li>
                                                <%
												list.MoveNext()
											}
												%>												
											</ul>
										</div>
										<div class="item">
											<ul class="thumbnails">
                                            	<%											
											var sql ="Select Top 4 * From Product Order By ProductID Desc"
											var list=conn.Execute(sql)
											while (!list.EOF)
											{	
											%>
                                                <li class="span3">
												  <div class="product-box">
														<span class="sale_tag"></span>
														<p><a href="product_detail.asp?prodID=<%=list("ProductID")%>"><img src="Upload/ImageProd/<%=list("Image")%>" alt="" /></a></p>
														<a href="product_detailasp?prodID=<%=list("ProductID")%>" class="title"><%=list("ProductName")%></a><br/>												
														<p class="price">$<%=list("Price")%></p>
												  </div>
												</li>
                                                <%
												list.MoveNext()
											}
												%>
																																																									
											</ul>
										</div>
									</div>							
								</div>
							</div>						
						</div>
						<br/>
						<div class="row">
							<div class="span12">
								<h4 class="title">
									<span class="pull-left"><span class="text"><span class="line">Latest <strong>Products</strong></span></span></span>
									<span class="pull-right">
										<a class="left button" href="#myCarousel-2" data-slide="prev"></a><a class="right button" href="#myCarousel-2" data-slide="next"></a>
									</span>
								</h4>
								<div id="myCarousel-2" class="myCarousel carousel slide">
									<div class="carousel-inner">
										<div class="active item">
											<ul class="thumbnails">	
                                            	  <%											
											var sql ="Select Top 4 * From Product Order By ProductID ASC"
											var list=conn.Execute(sql)
											while (!list.EOF)
											{	
											%>										
											  <li class="span3">
													<div class="product-box">
														<span class="sale_tag"></span>
														<p><a href="product_detail.asp?prodID=<%=list("ProductID")%>"><img src="Upload/ImageProd/<%=list("Image")%>" alt="" /></a></p>														
														<a href="products.asp?prodID=<%=list("ProductID")%>" class="category"><%=list("ProductName")%></a>
														<p class="price">$<%=list("Price")%></p>
													</div>
												</li>
                                                <%
													list.MoveNext()
											}
												
												%>												
											</ul>
										</div>
										
									</div>							
								</div>
							</div>						
						</div>
						<div class="row feature_box">						
							<div class="span4">
								<div class="service">
									<div class="responsive">	
										<img src="themes/images/feature_img_2.png" alt="" />
										<h4>MODERN <strong>DESIGN</strong></h4>
										<p>Lorem Ipsum is simply dummy text of the printing and printing industry unknown printer.</p>									
									</div>
								</div>
							</div>
							<div class="span4">	
								<div class="service">
									<div class="customize">			
										<img src="themes/images/feature_img_1.png" alt="" />
										<h4>FREE <strong>SHIPPING</strong></h4>
										<p>Lorem Ipsum is simply dummy text of the printing and printing industry unknown printer.</p>
									</div>
								</div>
							</div>
							<div class="span4">
								<div class="service">
									<div class="support">	
										<img src="themes/images/feature_img_3.png" alt="" />
										<h4>24/7 LIVE <strong>SUPPORT</strong></h4>
										<p>Lorem Ipsum is simply dummy text of the printing and printing industry unknown printer.</p>
									</div>
								</div>
							</div>	
						</div>		
					</div>				
				</div>
			</section>
			<section id="footer-bar">
				<div class="row">
					<div class="span3">
						<h4>Navigation</h4>
						<ul class="nav">
							<li><a href="./index.asp">Homepage</a></li>  
							<li><a href="./about.asp">About Us</a></li>
							<li><a href="./contact.asp">Contac Us</a></li>												
						</ul>					
					</div>					
					<div class="span5">
						<p class="logo"><img src="themes/images/logo.png" class="site_logo" alt=""></p>
						<p>Shoes, Inc. is an  multinational corporation that is engaged in the design, development, manufacturing and worldwide marketing and selling of footwear, apparel, equipment, accessories and services.</p>
						<br/>
					</div>					
				</div>	
			</section>
			<section id="copyright">
				<span>Copyright 2014 shoes shop  All right reserved.</span>
			</section>
		</div>
		<script src="themes/js/common.js"></script>
		<script src="themes/js/jquery.flexslider-min.js"></script>
		<script type="text/javascript">
			$(function() {
				$(document).ready(function() {
					$('.flexslider').flexslider({
						animation: "fade",
						slideshowSpeed: 4000,
						animationSpeed: 600,
						controlNav: false,
						directionNav: true,
						controlsContainer: ".flex-container" // the container that holds the flexslider
					});
				});
			});
		</script>
    </body>
</html>
